<template>
  <div id="app">
    <Header/>
    <div class="main"><router-view/></div> 
    <Footer/>
  </div>
</template>

<script>
import Header from '@/common/header'
import Footer from '@/common/footer'
export default {
  name: 'App',
  components:{
    Header,
    Footer
  }
}
</script>

<style>
*{
  box-sizing: border-box;
}
html,body{
  margin:0;
  padding:0;
  font-size:12px;
  font-family:'微软雅黑';
}
.main{
  min-height:calc(100vh - 180px);
  overflow:hidden;
}
</style>
